<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8">
    <!-- Meta required for Bootstrap -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" href="/static/img/icon.png" type="image/x-icon">
    <title>WeStudy</title>

    <!-- Fonts -->
    <link rel="stylesheet" href="/static/fonts/Quattrocento/Quattrocento.css">
    <link rel="stylesheet" href="/static/fonts/Quattrocento_Sans/Quattrocento_Sans.css">

    <!-- Icons -->
    <link rel="stylesheet" href="/static/fonts/MaterialDesign/css/materialdesignicons.min.css">
    <link rel="stylesheet" href="/static/fonts/Outicons/flaticon.css"><!-- Styles -->
    <link rel="stylesheet" href="/static/bootstrap-4.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="/static/owl-carousel/owl.carousel.css">
    <link rel="stylesheet" href="/static/owl-carousel/owl.theme.css">
    <link rel="stylesheet" href="/static/css/main.css">
    <link rel="stylesheet" href="/static/css/responsive.css">

</head>

  <body>
  {% block body %}

    <header class="page-header header-sticky sticky-off">
        <div class="container">
            <div class="top-bar">
                <div class="top-bar__widgets">
                <div class="row align-items-center">
                    <div class="col-md-5 col-lg-4">
                        <div class="top-bar__user-menu">
                            <p id=username name=username style="margin: auto">{{ username }}</p>
                        </div>
                    </div>
                    <div class="col-md-2 col-lg-4">
                        <div class="top-bar__logo text-lg-center">
                            <a class="logo-title logo-title_reg">WeStudy</a>
                        </div>
                    </div>
                    <div class="col-md-5 col-lg-4">
                        <div class="top-bar__social text-right">
                            <ul class="social-menu social-menu__right nav justify-content-md-end">
                                <li class="nav-item">
                                    <a href="#" class="nav-item">
                                    </a>
                                </li>
                                <li class="nav-item">
                                </li>
                                <li class="nav-item">
                                    <a href="https://www.bootcss.com/" class="nav-item">
                                        <i class="mdi mdi-blogger"></i>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="https://gitee.com/wingyan" class="nav-item">
                                        <i class="mdi mdi-github-circle"></i>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="#" class="nav-item">
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
                <div class="mob-menu">
                    <div id="mob-toggle" class="animate">
                        <i class="icon icon-lg flaticon-menu-options"></i>
                    </div>
                </div>
            </div>
            <div class="main-navigation__wrap">
                <div class="main-navigation">
                    <ul class="nav justify-content-between">
                        <li class="nav-item">
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="/Home?username={{ username }}">Home</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="/Python?username={{ username }}">Python</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="/API?username={{ username }}">API</a>
                        </li>
                        <li class="nav-item menu-item-has-children">
                                <a>
                                    Function
                                </a>
								<ul class="sub-menu">
									<li class="nav-item">
										<a href="/wordbook-choice?username={{ username }}" class="nav-link">单词本</a>
									</li>
									<li class="nav-item">
										<a href="/recite-wordbook?username={{ username }}" class="nav-link">背单词</a>
									</li>
								</ul>
							</li>
                        <li class="nav-item">
                            <a class="nav-link" href="/Others?username={{ username }}">Others</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="/Viewlog?username={{ username }}">Web's Log</a>
                        </li>
                        <li class="nav-item">
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </header>
    {% block main %}
    {% endblock %}


    <!-- Scripts -->

	<script src="/static/jquery/jquery-2.2.3.min.js"></script>
	<script src="/static/bootstrap-4.3.1/js/popper.min.js"></script>
	<script src="/static/bootstrap-4.3.1/js/bootstrap.min.js"></script>
	<script src="/static/owl-carousel/owl.carousel.min.js"></script>
	<script src="/static/isotope/imagesLoaded.min.js"></script>
	<script src="/static/isotope/isotope.pkgd.min.js"></script>
	<script src="/static/js/common.js"></script>

  {% endblock %}
  </body>
</html>